<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/template/Layout.xhtml">


	<ui:define name="content">
	
	<f:metadata>
		<f:event type="preRenderView" listener="#{loginController.testeSessaoAdm}"/> 
	</f:metadata>
	<p:panel id="prjHeader" header="Projeto: #{projetoController.projetoSelecionado.nome}">
			<h:form id="adm" style="text-align:center;">
				<p:outputLabel id="dadosPrj"	style="margin-right:100px;color:blue;font-weight:bold;" value="Dados do Projeto" />
				<p:commandLink id="backlog"		style="margin-right:100px" value="Backlog" action="#{loginController.redirectBacklog}" />
				<p:commandLink id="taskboard"	style="margin-right:100px" value="TaskBoard" action="#{loginController.redirectTaskBoard}"/>
				<p:commandLink id="burndown"  	style="margin-right:100px" value="BurnDown Chart" action="#{loginController.redirectBurnDown}"/>
			</h:form>
	</p:panel>

	<p:fieldset legend="Dados do projeto #{projetoController.projetoSelecionado.nome}" style="text-align: center;" >
				<h:form id="formDadosProjeto">
					<h:panelGrid columns="2" cellpadding="10" style="text-align: left;">

						<h:outputText value="Nome: " />
						<p:inputText id="prjNome"
							value="#{projetoController.projetoSelecionado.nome}" />

						<h:outputLabel value="Cliente" />
						<p:selectOneMenu
							value="#{projetoController.projetoSelecionado.cliente}"
							converter="clienteConverter" label="Cliente" 
							filter="true" style="width:150px;">
							<f:selectItem  noSelectionOption="true"/>
							<f:selectItems value="#{projetoController.clientePorSM}"
								var="pessoa" itemValue="#{pessoa}" itemLabel="#{pessoa.login}"  />
						</p:selectOneMenu>

						<h:outputText value="Desenvolvedores: " />
						
						<p:commandButton value="Atuais Desenvolvedores" update=":display" oncomplete="PF('dlg').show()" />
						
						<h:inputHidden></h:inputHidden>
						<p:selectCheckboxMenu
							value="#{projetoController.projeto.listaDesenvolvedores}"
							label="Defina os desenvolvedores" filter="true"
							filterText="Filter" filterMatchMode="startsWith"
							panelStyle="width:220px" converter="desenvolvedorConverter">
							<f:selectItems value="#{projetoController.devporSM}"
								var="pessoa" itemValue="#{pessoa}" itemLabel="#{pessoa.login}"  />
						
						</p:selectCheckboxMenu>
						
						
						<h:outputLabel value="Status" />
						<p:selectOneMenu
							value="#{projetoController.projetoSelecionado.status}"
							label="Defina o status" style="width:150px;" >
							<f:selectItem  noSelectionOption="true"
								 />
							<f:selectItem itemLabel="Não Iniciado" itemValue="Não Iniciado" />
							<f:selectItem itemLabel="Em Desenvolvimento"
								itemValue="Em Desenvolvimento" />
							<f:selectItem itemLabel="Concluído" itemValue="Concluído" />
						</p:selectOneMenu>

					
					
					

					<p:panel>
					<p:growl id="grow01" showDetail="true" />
					<p:commandButton value="Alterar Projeto"
						action="#{projetoController.alterar}" image="ui-icon ui-icon-disk"
						process="@form" update="grow01">
					</p:commandButton>
					</p:panel>
					</h:panelGrid>
				</h:form>
			</p:fieldset>

		<p:dialog
			header="Atuais desenvolvedores do projeto #{projetoController.projetoSelecionado.nome}"
			modal="true" appendTo="@(body)" showEffect="clip" hideEffect="clip"
			widgetVar="dlg" resizable="false" width="600" height="370">
			<p:dataList id="display" value="#{projetoController.projetoSelecionado.listaDesenvolvedores}" var="dev">
		        #{dev.nome}
			</p:dataList>
		</p:dialog>
	</ui:define>
</ui:composition>